@use "../global/variables";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  font-family: "Montserrat", "Arial", sans-serif;
  background-color: variables.$lightest-grey;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.reset-default {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.page-link {
  color: variables.$base-black;
  text-decoration: none;
}

img {
  max-width: 100%;
  object-fit: contain;
  vertical-align: top;
}

.visual-desktop {
  display: none;
}

.visual-table {
  display: none;
}

@media (min-width: variables.$min-tablet-width) {
  .visual-table {
    display: initial;
  }
}

@media (min-width: variables.$min-desktop-width) {
  .visual-desktop {
    display: initial;
  }
}
